<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>jQuery Emoji表情插件</title>

  <link href="css/tools.css" rel="stylesheet"/>
  <link href="css/emojibg.css" rel="stylesheet"/>
</head>
<body>
<div style="width: 800px; margin: 0 auto;">
  <img src="emoji/icon.png" id="openFace" style="z-index: 2; color: #409eff; cursor: pointer;" title="添加表情"/>
  <textarea id="textarea" style="padding: 5px; width: 100%; height: 100px;"></textarea>
</div>

<div class="faceDivBox" style="width: 800px; height: 580px; display:none;">
  <div class="faceDiv" style="height: 580px;">
    <section class="emoji-box"></section>
    <div class="tabbox">
      <section class="emoji-tab"></section>
    </div>
  </div>
  <a class="closeFaceBox" href="javascript:void(0)">×</a>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/emojisort.js"></script>
<script type="text/javascript" src="js/emoji.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    sdEditorEmoj.Init(emojiconfig);
    sdEditorEmoj.setEmoji({
      type: 'input',
      id: "textarea"
    });
  })
</script>
</body>
</html>
